<!DOCTYPE html>   
<html>   
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf8">  
<title>HTML5</title>  
<link rel="stylesheet" href="html5.css">  
<style>
 
</style>
<script>


</script>

</head> 
<a href="jquery-mobile.html">jquery-mobile.html</a> <br/>


电话:<a href="tel:5554">5554</a><br/>




<form>  
<p>  
<label for="email">电子邮箱：</label>  
<input type="email" required autofocus name="email" id="email" placeholder="您的电子邮箱">  
</p>  
<p>  
<label for="username">用户名：</label>  
<input type="text" pattern="^\w{6,12}$" required name="username" placeholder="6到12位的英文字符">  
<input type="search" placeholder=" 用户名搜索" autosave="www.yujie.com" results="5" name="username- search" id="username-search">  
</p>  
<p>  
<label for="username-search">生日：</label>  
<input type="date" min="1980-01-01" max="2011-3-16" name="birthday" id="birthday" value="1982-10-10">  
</p>  
<p>  
<label for="blog">博客地址：</label>  
<input type="url" name="blog" placeholder="您的博客地址" id="blog">  
</p>  
<p>  
<label for="mobile">手机：</label>  
<input type="number" name="mobile" pattern="^1[0-9]{10}$" id="mobile" placeholder="您的手机号">  
</p>  
<p>  
<label id="label-working-year" for="working-year">工作年限：</label>  
<input type="range" min="1" step="1" max="20" name="slider" name="working- year" id="working-year" placeholder="您的工作年限" value="3">  
</p>  
<p>  
<label for="age">年龄：</label>  
<input type="number" name="age" id="age" value="20" autocomplete="off" placeholder="您的年龄">  
</p>  
<p>  
<label for="avatar">头像：</label>  
<input type="image" src="316013091Y-10.gif" mce_src="316013091Y-10.gif" name="avatar" id="avatar" placeholder="点击选择头像">  
</p>  
<p> 
<label for="tel">tel：</label>  
<input type="tel"   id="tel"/>
</p>  
<p> 
<label for="color">color：</label>  
<input type="color" />
</p>  
<button type="submit">提交</button> 
</form> 
</html>  
